<ul class="nav nav-tabs">
  <li id="pub" *ngIf="_.includes(menuResourceSet,'tab-productInfo-product-pub')">
    <a href="#gm" data-toggle="tab" (click)="showPubProductPage()">公募</a>
  </li>
  <li id="otm" *ngIf="_.includes(menuResourceSet,'tab-productInfo-product-otm')">
    <a href="#ydd" data-toggle="tab" (click)="showOtmProductPage()">专户一对多</a>
  </li>
  <li id="oto" *ngIf="_.includes(menuResourceSet,'tab-productInfo-product-oto')">
    <a href="#ydy" data-toggle="tab" (click)="showOtoProductPage()">专户一对一</a>
  </li>
  <li id="annuityPro" *ngIf="_.includes(menuResourceSet,'tab-productInfo-product-annuityPro')">
    <a href="#annuitypro" data-toggle="tab" (click)="showannuityProductPage('')">社保、年金、养老金</a>
  </li>
  <li id="QYNJ" *ngIf="_.includes(menuResourceSet,'tab-productInfo-product-QYNJ')">
    <a href="#qynj" data-toggle="tab" (click)="showAnnuityPage('4')">企业年金</a>
  </li>
  <li id="YLJCP" *ngIf="_.includes(menuResourceSet,'tab-productInfo-product-YLJCP')">
    <a href="#yljcp" data-toggle="tab" (click)="showOldageProductPage('5')">养老金产品</a>
  </li>
  <li id="SHBJJ" *ngIf="_.includes(menuResourceSet,'tab-productInfo-product-SHBJJ')">
    <a href="#shbjj" data-toggle="tab" (click)="showSocialPage('6')">社保基金</a>
  </li>
  <li id="YLJJ" *ngIf="_.includes(menuResourceSet,'tab-productInfo-product-YLJJ')">
    <a href="#yljj" data-toggle="tab" (click)="showOldagePage('7')">养老基金</a>
  </li>
</ul>
<div class="tab-content">
  <!-- 公募 -->
  <div class="tab-pane box box-default" id="gm">
    <div #pubProductPage></div>
  </div>

  <!--专户一对多 -->
  <div class="tab-pane box box-default" id="ydd">
    <div #otmProductPage></div>
  </div>

  <!--专户一对一 -->
  <div class="tab-pane box box-default" id="ydy">
    <div #otoProductPage></div>
  </div>

  <!-- 养老金部综合页面 -->
  <div class="tab-pane box box-default" id="annuitypro">
    <div #annuityProductPage></div>
  </div>

  <!-- 企业年金 -->
  <div class="tab-pane box box-default" id="qynj">
    <div #annuityPage></div>
  </div>

  <!-- 养老金产品 -->
  <div class="tab-pane box box-default" id="yljcp">
    <div #oldageProductPage></div>
  </div>

  <!-- 社保基金 -->
  <div class="tab-pane box box-default" id="shbjj">
    <div #socialPage></div>
  </div>

  <!-- 养老基金 -->
  <div class="tab-pane box box-default" id="yljj">
    <div #oldagePage></div>
  </div>
</div>